<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link href="../../css/reset.css" rel="stylesheet" type="text/css"/>
    <link href="../../css/add.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="app">
    <div class="header">
        <span>删除快递信息</span>
    </div>
    <div class="content">
        <table>
            <tr>
                <td class="text-right">运单号</td>
                <td class="content_right">
                    <input class="input inline-input" id="number" placeholder="请输入运单号码">
                    <button class="btn btn-info" id="find">立即查找</button>
                </td>
            </tr>
        </table>
    </div>


    <div class="header">
        <span>查找信息如下</span>
    </div>
    <div class="content">
        <table>
            <tr>
                <td class="text-right">快递单号</td>
                <td class="content_right"><input class="input" placeholder="快递单号"></td>
            </tr>
            <tr>
                <td class="text-right">快递公司</td>
                <td class="content_right"><input class="input" placeholder="快递公司"></td>
            </tr>
            <tr>
                <td class="text-right">收货人姓名</td>
                <td class="content_right"><input class="input" placeholder="收货人姓名"></td>
            </tr>
            <tr>
                <td class="text-right">手机号码</td>
                <td class="content_right"><input class="input" placeholder="手机号码"></td>
            </tr>
            <tr>
                <td class="text-right">快递状态</td>
                <td class="content_right">
                    <span id="status"></span>
                </td>
            </tr>
            <tr>
                <td></td>
                <td class="content_right">
                    <button class="btn btn-info" id="delete">立即删除</button>
                </td>
            </tr>
        </table>
    </div>
</div>
</body>
<script src="/admin/qrcode/jquery2.1.4.js"></script>
<script src="/admin/layer/layer.js"></script>
<script>
    $(function () {
        var expressId;
        $(".header:eq(1),.content:eq(1)").hide();
        $("#find").click(function () {
            var windowId = layer.load();
            var number = $("#number").val();
            /**
             {
            	"status": 0,
            	"result":"",
            	"data": {
            		"id": 17,
            		"number": "4232314",
            		"username": "小七",
            		"userphone": "13758486622",
            		"company": "顺丰快递",
            		"code": "284859",
            		"intime": "2021-05-22 23:27:34",
            		"outtime": "未出库",
            		"status": "待取件",
            		"sysPhone": "18888888888"
            	}
            }
             */
            $.getJSON("/express/find.do", {number: number}, function (data) {
                layer.close(windowId);
                if (data.status == 0) {
                    $(".header:eq(1),.content:eq(1)").fadeIn(1000);

                    expressId = data.data.id;
                    $("input:eq(1)").val(data.data.number);
                    $("input:eq(2)").val(data.data.company);
                    $("input:eq(3)").val(data.data.username);
                    $("input:eq(4)").val(data.data.userphone);
                    //禁止操作！
                    $("input:eq(1),input:eq(2),input:eq(3),input:eq(4)").prop("disabled",true);
                    if (data.data.status == 0){
                        $("#status").html("未签收");
                    }else{
                        $("#status").html("已签收");
                    }

                } else {
                    $(".header:eq(1),.content:eq(1)").hide(300);
                    layer.msg(data.result);
                }
            });
        });

        $("#delete").click(function(){
            var windowId = layer.load();
            $.getJSON("/express/delete.do",{expressId:expressId},function(data){
                layer.close(windowId);
                layer.msg(data.result);
                if (data.status == 0){
                    $("input:eq(0)").val("");
                    $(".header:eq(1),.content:eq(1)").hide(300);
                }
            });
        });

    });
</script>
</html>